*{ margin : 0; padding : 0;}
*::-webkit-scrollbar {
	display: none;
}
html,body{height:100%;background-color: antiquewhite;font:14px "Microsoft YaHei", arial, serif;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;scroll-behavior: smooth;}
ul,li{ list-style: none;}
img{ display: block;border: 0;}
a{text-decoration: none;}

[v-cloak] {
    display: none;
}

#mains{display: flex; flex-direction:column;max-width:768px;height: 100%;margin: 0 auto;}
#contents{overflow:auto;position: relative; display: flex; flex-direction:column;flex:1;max-width:768px;margin-bottom: 50px;}
.animate {
    animation: slideMove .35s ease;
}
@keyframes slideMove{
    0% {opacity: 0;transform : translateX(0)}
    1% {transform : translateX(100%);opacity: 0;}
    100%{ transform : translateX(0);opacity: 1; }
}

.clearfix::before,.clearfix::after {content: "";display: block;height: 0;line-height: 0px;clear: both;visibility: hidden;}